
$c1 : #919CFF;
$c2 : #7BAFFF;
$c3 : #3295D2;
$c4 : #828920;
$c5 : #FFD261;
$border-radius: 0px;
$td-height: 40px;

$body-background-color: #9b59b6;
$body-background-color2: lighten($body-background-color,3%);

$box-border-radius:1px;
$box-background: rgba(189, 195, 199,1.0)  ;
$box-background2: darken($box-background,1%);



#submit-petition-form{
	width:80%;
	min-width:390px;
}

.primary-text{
	color:$primary-color;
	font-weight: bolder;
	font-size: 1.4em;
}

#site-title{
	padding:{ 
		top: 5%;
		bottom: 5%;
	}
	h1{
		font-weight:bold;
		font-size: 6em;
		line-height: 0.85em;
	}
}

body{
	 background: -webkit-gradient(linear, 0% 0%,0% 100%, from($body-background-color), to( $body-background-color2 ));
}
 

#content{
	
}

.submit-link{

	a{
		color:#fff;
		font-weight: bolder;
		
	}
}

#login-box{
	
}

#top-roof{
	height:10px;
	background-color: rgba(149, 165, 166,1.0);
}

.box{
	border:{
		top: 3px inset lighten($primary-color,20%);
		//bottom: 3px inset lighten($primary-color,0%);
		radius: $box-border-radius;
	}
	padding:10px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from($box-background), to($box-background2));
	//box-shadow:0px 0px 3px 1px rgba(70,70,70,0.2);
	margin:{
		left: 3px;
		bottom:3px;
	}
}


@mixin borders{
border:{
		width:2px;
		color:grey;
		style:solid;
		
	}

}

#table-container{
	overflow:hidden;
	//box-shadow: 5px 5px 5px rgba(70,70,70,0.7);
	//@include borders;
}


@mixin table-inside-padding{
	padding:{
			left:15px;
			right:10px;

		}
}

table {
	
	width:100%;
	
	th {
		//background-color:$c5;
		@include table-inside-padding;
		font-weight: bold;
		text-align: center;;
	}
	tbody {
		border:{
		//	top:2px solid #c03d20;
		//	bottom: 2px solid #c03d20;
		};
		tr{

			td{
				@include table-inside-padding;
				height:$td-height;
			}

			&:nth-child(even){
				background-color:lighten($primary-color,10%);
			}
			&:nth-child(odd){
				background-color:$primary-color;
			}

			&:hover{
				;
				background-color:$c4;
				cursor:pointer;
			}
		}
	}


	tfoot {
		background-color:$c5;
		td{
			@include table-inside-padding;
		}
	}
}

#sidebar-container{
	margin-left: 3px;
	padding:10px;
	background:{
		color:$c5;
	}

	ul{

		li{
			font-size: 12px;
			border:{
				bottom:solid 1px grey;
			}
			p{
				font-size:12px;
				margin-bottom: 0px;
			}

		}
	}
}

// SINGLE VIEW 

#details-container{
	padding: 5px;
	padding-left: 15px;
	background-color: $c3; 
}

#petition-view-title{
	//background-color: $c3; 	
	
	
}

hr{
	margin:5px;
	border-color:$c1;
	border-width: 1px;
	margin-left: 40px;
	margin-right: 40px;
}



#petition-view-votes{
	margin-left: 0px;
	//background-color: $c2 ;
	
}

@mixin vertical-line($height){
	margin-top:5px;
	height: $height;
	border-left:solid 1px $c4;
}

.vertical-rule{
	@include vertical-line(100);
}
.vertical-rule-small{
	@include vertical-line(60);
}

#petition-view-started{
	
}

#petition-view-text{
	//background-color:$c4;
	p{
		padding: 5px;
	}
	p:first-letter{
		font-size: 200%;
	}
}



//NEW

#login-form{
	margin:5px;

}


.form-wrapper{
	width:95%;
	padding:10px;
	border-radius: 2px;
	min-width: 270px;
	max-width: 400px;
}

hr{
	border-color: white;
}


#submit-forgotten{
	font-size: 0.85em;	 
}
#submit-forgotten a{
	padding-left: 1%;
	color:#fff; 
}